<template>
	<view class="content">

		<!-- 间隔条 -->
		<view class="plate-between"></view>
		<!-- 商品列表 -->
		<view class="order-detail-list">
			<!-- 订单信息 -->
			<view class="order-detail-card">
				<!-- 控件 -->
				<view class="control-list">
					<!-- 收件人信息 -->
					<view class="list-item">
						<icon type="" class="fontIcon icon-address"></icon>
						<view class="item-multiple-info">
							<view class="title">Sergio Pliego</view>
							<view class="number">123456789012</view>
							<view class="other">湖南省长沙市芙蓉区车站中路406号湖南省长沙市芙蓉区车站中路406号</view>
						</view>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
					<view class="list-item">
						<!-- 引用卡片 -->
						<view class="quote-card" @click="testReq">
							<!-- 预览图,去掉后，剩余内容自动充满 -->
							<view class="preview-img">
								<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
							</view>
							<!-- 引用内容 -->
							<view class="quote-content">
								<!-- 引用活动标题 -->
								<text class="quote-content-title">七夕活动·二</text>
								<!-- 间隔线 -->
								<view class="spacing-line"></view>
								<!-- 通用类型数据 -->
								<view class="quote-content-detail">
									发布年份：2008
								</view>
								<view class="quote-content-detail">
									产地：西安
								</view>
							</view>
						</view>
					</view>
					<!-- 数量控件 -->
					<view class="list-item">
						<text class="item-name">积分：<text class="score-number">999</text></text>
						<view class="item-info">
							<view class="number-controller">
								<button class="control-add-btn"></button>
								<text class="controller-number">999</text>
								<button class="control-sub-btn"></button>
							</view>
						</view>
					</view>
					<!-- 配送方式 -->
					<view class="list-item">
						<text class="item-name">配送方式：</text>
						<view class="item-info">快递配送</view>
					</view>
					<view class="item-head">
						<view class="item-name">备注：</view>
					</view>
					<view class="list-item">
						<view class="item-desc">
							<textarea class="textarea-input" placeholder="友善的发言更受欢迎哦～"/>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 浮动底栏位置补偿 -->
		<view class="filler-block"></view>
		<!-- 底栏 -->
		<view class="footBar foot-common-content">
			<view class="buttons-content-columns">
				<view class="footBar-info-item">需要积分：<text class="score-number">5353</text></view>
				<view class="footBar-info-item">目前积分：<text class="score-number">5353</text></view>
				<button class="full-btn btn-important">提交</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
	            background: ['color1', 'color2', 'color3'],
	            indicatorDots: true,
	            autoplay: true,
	            interval: 2000,
	            duration: 500
	        }
	    },
	    methods: {
	        changeIndicatorDots(e) {
	            this.indicatorDots = !this.indicatorDots
	        },
	        changeAutoplay(e) {
	            this.autoplay = !this.autoplay
	        },
	        intervalChange(e) {
	            this.interval = e.target.value
	        },
	        durationChange(e) {
	            this.duration = e.target.value
	        }
	    }
	}
</script>

<style>

</style>
